<template>
  <a-spin :loading="loading" style="width: 100%">
    <a-card
      class="general-card"
      :header-style="{ paddingBottom: '0' }"
      :body-style="{
        padding: '20px',
      }"
    >
      <template #title>
        {{ $t('workplace.categoriesPercent') }}
      </template>
      <!-- 饼状图组件-->
      <BhChartPancake height="310px" :legend-data="legendData"></BhChartPancake>

    </a-card>
  </a-spin>
</template>

<script lang="ts" setup>
  import useLoading from '@/hooks/loading';
  const { loading } = useLoading();
  const  legendData=ref(['纯文本', '图文类', '视频类'])
</script>

<style scoped lang="less"></style>
